<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>绑定手机号</title>
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/my.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1, user-scalable=no">
</head>
<body style="background:#F2F2F2;">
<!-- <div class="header-box"> -->
<!--   <p>绑定手机号</p> -->
<!-- </div> -->
<div class="bindPhone">
  <div class="bindPhone_box">
    <table></table>
    <div class="bind_item" style="clear:both;">
      <span>+ 86</span>
      <i></i>
      <input id="phone" type="text" name="phone" placeholder="手机号">
    </div>
<!--     <div class="bind_item"> -->
<!--       <img src="img/my/tuceng 2@2x.png"> -->
<!--       <i style="margin-left:0.4rem;"></i> -->
<!--       <input type="text" name="code" placeholder="验证码"> -->
<!--     </div> -->
<!--     <div class="bind_it"> -->
<!--       <a href="javascript:;">获取验证码</a> -->
<!--     </div> -->
    <a href="javascript:;" class="sub" onclick="updateMobile()">
      立即绑定
    </a>
  </div>
</div>
</body>
<script src="js/jquery.js"></script><script src="js/jquery.cookie.js"></script>
<script src="js/base.js?v=base.js?v=20180102"></script>
<script type="text/javascript">

function updateMobile(){
	var phone = $("#phone").val();
	$.post({
		url : window.baseUrl + '/api/book/user/update',
		data : JSON.stringify({
			id : getUserId(),
			mobile : phone
		}),
		contentType: "application/json",
		success : function(data) {
			alert("绑定成功！");
		}
	});

}
</script>

</html>